.resizer {
  position: relative;
  z-index: 10;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical {
  width: 14px;
  margin: 0 -7px;
  cursor: col-resize;
  background: transparent;
  flex: 0 0 14px;
}

.horizontal {
  height: 14px;
  margin: -7px 0;
  cursor: row-resize;
  background: transparent;
  flex: 0 0 14px;
}

/* 删除之前的伪元素样式，改为使用SVG图标 */
.gripIcon {
  fill: #bbb;
  opacity: 0.6;
  transition: fill 0.2s ease, opacity 0.2s ease;
}

.resizer:hover .gripIcon,
.dragging .gripIcon {
  fill: #1890ff;
  opacity: 1;
}

.dragging {
  pointer-events: none;
} 